/*
 * @Author: chengsl
 * @Date: 2023-01-09 15:29:37
 * @LastEditors: chengsl
 * @LastEditTime: 2023-01-09 15:30:54
 * @Description: 柱折线组合图 widgetMoreBarLineChart
 */
export default {
  tooltip: {
    trigger: 'axis',
    show: true,
    axisPointer: { type: 'line' },
    textStyle: { color: '', fontSize: 12 }
  },
  grid: { left: 10, right: 40, bottom: 10, top: 50, containLabel: true },
  legend: {
    data: ['调解成功', '调解失败', '调解终止', '调解成功率'],
    left: 'center',
    top: 'top',
    textStyle: { color: '#fff', fontSize: 12 },
    itemWidth: 12,
    itemHeight: 10,
    itemGap: 30,
    show: true,
    bottom: 'top',
    orient: 'horizontal'
  },
  xAxis: {
    type: 'category',
    show: true,
    name: '',
    nameTextStyle: { color: '#fff', fontSize: 14 },
    nameRotate: 0,
    inverse: false,
    axisLabel: {
      show: true,
      interval: 0,
      rotate: 0,
      textStyle: { color: '#fff', fontSize: 14 }
    },
    axisLine: { show: true, lineStyle: { color: 'rgba(32,45,92,0.5)' } },
    axisTick: { show: false },
    splitLine: { show: false, lineStyle: { color: 'rgba(32,45,92,0.5)' } },
    data: ['2014', '2015', '2016', '2017', '2018', '2019', '2020', '2021']
  },
  yAxis: [
    {
      type: 'value',
      position: 'left',
      inverse: false,
      show: true,
      name: '',
      nameLocation: 'end',
      nameTextStyle: { color: '#fff', fontSize: 14 },
      axisLabel: { show: true, textStyle: { color: '#fff', fontSize: 14 } },
      axisLine: {
        show: true,
        onZero: false,
        lineStyle: { color: 'rgba(32,45,92,0.5)' }
      },
      splitArea: {
        show: true,
        areaStyle: { color: ['rgba(32,45,92,0.1)', 'rgba(32,45,92,0.5)'] }
      },
      splitLine: { show: false }
    },
    {
      type: 'value',
      position: 'right',
      inverse: false,
      show: true,
      name: ' ',
      nameLocation: 'end',
      nameTextStyle: { color: '#fff', fontSize: 14 },
      axisLabel: { show: true, textStyle: { color: '#fff', fontSize: 14 } },
      axisLine: {
        show: true,
        onZero: false,
        lineStyle: { color: 'rgba(32,45,92,0.5)' }
      },
      splitLine: { show: false },
      splitArea: { show: false }
    }
  ],
  series: [
    {
      name: '调解成功',
      type: 'bar',
      itemStyle: { normal: { color: '#0060FF', barBorderRadius: 4 } },
      data: [400, 400, 300, 300, 400, 400, 300, 300],
      label: {
        show: false,
        position: 'top',
        distance: 5,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      },
      barWidth: 20
    },
    {
      name: '调解失败',
      type: 'bar',
      itemStyle: { normal: { color: '#3BD6FF', barBorderRadius: 4 } },
      data: [300, 500, 500, 500, 400, 500, 400, 600],
      label: {
        show: false,
        position: 'top',
        distance: 5,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      },
      barWidth: 20
    },
    {
      name: '调解终止',
      type: 'bar',
      itemStyle: { normal: { color: '#948BEA', barBorderRadius: 4 } },
      data: [400, 300, 500, 700, 1000, 500, 600, 400],
      label: {
        show: false,
        position: 'top',
        distance: 5,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      },
      barWidth: 20
    },
    {
      name: '调解成功率',
      type: 'line',
      yAxisIndex: 1,
      smooth: false,
      symbol: 'circle',
      symbolSize: 8,
      itemStyle: { borderColor: '#ffffff', borderWidth: 2 },
      lineStyle: { color: '#F78D94', width: 2 },
      data: [4.2, 3.6, 5.8, 3.4, 2.5, 5.8, 7.6, 3.4],
      showSymbol: true,
      areaStyle: { opacity: 0.1 },
      label: {
        show: false,
        position: 'top',
        distance: 5,
        fontSize: 14,
        color: '#fff',
        fontWeight: 'normal'
      }
    }
  ],
  title: {
    text: '',
    show: true,
    left: 'left',
    textStyle: { color: '#fff', fontSize: 20, fontWeight: 'normal' },
    subtext: '',
    subtextStyle: { color: '#fff', fontWeight: 'normal', fontSize: 20 }
  }
}
